<template>
  <div id="place_box">
    <div>
      <el-col :span="4">
        <el-select v-model="new_address_id.province" @change="getCity()" placeholder="省">
          <el-option v-for="item in provincesList" :key="item.id" :label="item.province" :value="item.provinceid"
            @click.native="getAddress('1', item.province)">
          </el-option>
        </el-select>
      </el-col>
      <el-col :span="4">
        <el-select v-model="new_address_id.city" @change="getArea()" placeholder="市">
          <el-option v-for="item in citiesList" :key="item.id" :label="item.city" :value="item.cityid"
            @click.native="getAddress('2', item.city)">
          </el-option>
        </el-select>
      </el-col>
      <el-col :span="4">
        <el-select v-model="new_address_id.area" placeholder="县/区">
          <el-option v-for="item in areasList" :key="item.id" :label="item.area" :value="item.areaid"
            @click.native="getAddress('3', item.area)">
          </el-option>
        </el-select>
      </el-col>
      <el-col :span="12">
        <el-input type="text" placeholder="详细地址" v-model="new_address.detail" @blur="getAddress('4', null)">
        </el-input>
      </el-col>
    </div>

  </div>
</template>

<script src="../assets/js/components/place.js">
</script>

<style scoped>
</style>